/* Define Keyframes for Animations */
        @keyframes fadeInUp {
            from {
                opacity: 0;
                transform: translateY(50px);
            }
            to {
                opacity: 1;
                transform: translateY(0);
            }
        }

        @keyframes fadeInLeft {
            from {
                opacity: 0;
                transform: translateX(-50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        @keyframes fadeInRight {
            from {
                opacity: 0;
                transform: translateX(50px);
            }
            to {
                opacity: 1;
                transform: translateX(0);
            }
        }

        /* Apply Animation to Elements */
        .section-animate-up {
            animation: fadeInUp 1s ease-in-out;
        }

        .section-animate-left {
            animation: fadeInLeft 1s ease-in-out;
        }

        .section-animate-right {
            animation: fadeInRight 1s ease-in-out;
        }

        

        .responsive-image-1 {
            transition: transform 0.5s ease-in-out, box-shadow 0.5s ease-in-out;
            cursor: pointer;
        }

        .responsive-image-1:hover {
            transform: scale(1.1);
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.2);
        }

        /* Zoomed Image and Overlay Styles */
        .zoom-overlay {
            position: fixed;
            top: 0;
            left: 0;
            width: 100%;
            height: 100%;
            background: rgba(0, 0, 0, 0.8);
            display: flex;
            justify-content: center;
            align-items: center;
            opacity: 0;
            visibility: hidden;
            transition: opacity 0.5s ease-in-out, visibility 0.5s ease-in-out;
            z-index: 1000;
        }

        .zoom-overlay img {
            max-width: 90%;
            max-height: 90%;
            box-shadow: 0 8px 20px rgba(0, 0, 0, 0.5);
            transition: transform 0.5s ease-in-out;
        }

        .zoom-overlay.active {
            opacity: 1;
            visibility: visible;
        }